<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:cc="http://xmlns.jcp.org/jsf/composite">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>BS_Produccion</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">
                
                <p:layoutUnit position="north" size="125" resizable="true" closable="true" collapsible="true">
                   <A href="index.xhtml"><img src="imgs/Cabeza2.png" width="100%" height="37" alt="Cabeza"/></A>
                   <center><h3>ALTA PEDIDO</h3> </center>
                </p:layoutUnit>

                <p:layoutUnit position="south" size="58" closable="false" collapsible="false">
                <img src="imgs/pie.png" width="100%" height="37" alt="pie"/>                        
                </p:layoutUnit>

                <p:layoutUnit position="west" size="265" header="Left" collapsible="true">
 <h:form><!-- inicia menú principal -->
    <p:growl autoUpdate="true"/>
 
    <p:panelMenu style="width:240px">
        <p:submenu label="Producción">
            <p:submenu label="Órdenes">
                <p:submenu label="Manual">
                    <p:menuitem value="Crear" outcome="alt_pedido.xhtml" actionListener="#{menuView.delete}"/>
                    </p:submenu>    
                <p:submenu label="Automática">
                    <p:menuitem value="Configurar" outcome="config_autom.xhtml" actionListener="#{menuView.delete}"/>
                    </p:submenu>
            </p:submenu>
            <p:menuitem value="Lista órdenes" outcome="list_ord.xhtml" actionListener="#{menuView.delete}"/>
            <p:menuitem value="Bodegas" outcome="bodegas.xhtml"/>
            <p:separator />
        </p:submenu>
        <p:submenu label="Cálculo">
            <p:menuitem value="Mano de Obra" outcome="calc_mo" actionListener="#{menuView.delete}"/>
            <p:menuitem value="Materiales" outcome="calc_mat.xhtml" actionListener="#{menuView.delete}"/>
            <p:menuitem value="Maquinaria" outcome="calc_maq.xhtml" actionListener="#{menuView.delete}"/>
        </p:submenu>
        <p:separator />
        <p:submenu label="Productos">
            <p:menuitem value="Listado Materiales" outcome="prod_list_mat.xhtml" actionListener="#{menuView.delete}"/>
            <p:submenu label="Productos">
                <p:menuitem value="Crear" outcome="prod_crearproducto.xhtml" actionListener="#{menuView.delete}"/>
                <p:menuitem value="Ver Catálogo" outcome="prod_catalogo_prod.xhtml" actionListener="#{menuView.delete}"/>
            </p:submenu>
        </p:submenu>
        <p:separator />
        <p:submenu label="Etiquetación" >
            <p:menuitem value="Crear e imprimir" outcome="etiq_crearimp.xhtml" actionListener="#{menuView.delete}"/></p:submenu>
        <p:submenu label="Reportes" >
            <p:menuitem value="Ver e imprimir" outcome="repor_verimpr.xhtml" actionListener="#{menuView.delete}"/>
        </p:submenu>
    </p:panelMenu>
</h:form><!--termina menú principal -->
                
                </p:layoutUnit> <!--termina layout izquierdo -->

                 <p:layoutUnit position="center" style="background-color:#FFFFFF;">
                     
                     <h:form>
                     <p:commandButton value="Crear" onclick="PF('dlg').show();" type="button" />
 
                    <p:dialog header="Crear órden" widgetVar="dlg" minimizable="true" maximizable="true">
 
                   <h:form>
                       <h:panelGrid columns="2" cellpadding="8">
                           <h:outputLabel value="Órden de Producción No.:"/> <p:inputText value="#{ord.noorden}" size="7" />    
                           <h:outputLabel value="Fecha Pedido:"/> <p:calendar id="f_ped" value="#{ord.fech_ped}" pattern="dd-MM-yyyy"/>
                           <h:outputLabel value="Producto:"/><p:autoComplete id="dddd" dropdown="true" value="#" completeMethod="#{producto.completeProd}" />
                           <h:outputLabel value="Cantidad:"/> <p:spinner id="numcant" value="#{ord.cant}" min="0" />
                           <h:outputLabel value="Fecha Entrega:"/> <p:calendar id="f_ent" value="#{ord.fech_ent}" pattern="dd-MM-yyyy"/>
                           <h:outputLabel value="Lugar Entrega:"/><p:autoComplete id="lugbod" dropdown="true" value="#{ord.lug_ent}" completeMethod="#{bodeg.completeBod}" />
                           
                           <p:commandButton value="Generar" id="gen_orden" actionListener="#{ord.addAction()}" ajax="false" />      
                           <p:commandButton id="canc" actionListener="#" ajax="false" />      
                       </h:panelGrid>  
                       
                   </h:form>  
   
            <!-- Inicia la tabla Data Table Basic -->              
                    </p:dialog>
                     </h:form>                    <!-- fin del dialogo (Formulario de ingreso de clientes)-->
                    
   <h:panelGrid columns="1" cellpadding="10">
                         <h:form>
                            <h:panelGrid columns="4" cellpadding="5">
                                <h:outputLabel for="name" value="ID" style="font-weight:bold" />
                                <p:inputText id="name" value="" />
                                <p:commandButton value="Buscar" update="display" icon="ui-icon-check" />
                                <h:outputText id="display" value="" />
                            </h:panelGrid>
                         </h:form>
  </h:panelGrid>
        <!-- inicio tabla  -->                            
             <h:form id="form1">
            <p:growl id="messages" showDetail="true"/>
            <p:dataTable value="#{ord.orderList}" var="cli"  widgetVar="50" style="width: 100%;" editable="true">
                    <f:facet name="header">  
                        ÓRDENES
                    </f:facet>
                <p:ajax event="rowEdit" listener="#{ord.onEdit}" update=":form1:messages" />  
                    <p:ajax event="rowEditCancel" listener="#{ord.onCancel}" update=":form1:messages" /> 
                    <p:column width="10%">
                        <f:facet name="header">  
                            <h:outputText value="No. Órden" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli.noorden}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli.noorden}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>
                    
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Fecha Pedido" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli.fech_ped}" />
                                </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli.fech_ped}" style="width:100%"/>
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>
                    
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Producto" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{producto.descripcion}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{producto.descripcion}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>
                                 
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Cantidad" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli.cant}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli.cant}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>
                    
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Fecha Entrega" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli.fech_ent}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli.fech_ent}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>
                    
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Lugar Entrega" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli.lug_ent}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli.lug_ent}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>
                    
                    <p:column headerText="Editar" style="width:50px">  
                        <p:rowEditor />  
                    </p:column> 
                </p:dataTable>
        </h:form>
      <!-- inicio tabla  -->
                     
                     
                     
                     
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>